<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鼎搜网登录页</title>
    <link rel="stylesheet" href="css/login.min.css">
</head>
<body>
    <div class="web">
        <!-- 公共头部 -->
        <header>
            <div class="border-top"></div>
            <!-- 头部内容 -->
            <div class="header-content">
                <!-- login -->
                <div class="login">
                    <img src="images/logo.png" alt="">
                </div>
                <!-- 导航链接 -->
                <nav>
                    <ul>
                        <li class="active">首页</li>
                        <li>关于鼎搜</li>
                        <li>鼎搜服务</li>
                        <li>鼎搜动态</li>
                        <li>鼎搜诚聘</li>
                        <li>鼎搜公益</li>
                    </ul>
                </nav>
                <!-- 搜索框 -->
                <div class="search">
                    <input type="search" />
                </div>
            </div>
            <div class="header-banner">
                <img src="images/banner.png" alt="">
            </div>
        </header>

        <!-- 主体内容 -->
        <main>
            <div class="login-tip">
                <h5>
                    我要转让<br/>
                    <span>WOYAOZHUANRANG</span>
                </h5>
            </div>
            <div class="login-content">
                <form action="">
                    <table>
                        <thead>
                            <tr>
                                <th colspan="2">
                                    <span class="active">点击登录</span><span>点击注册</span>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>用户名：</td>
                                <td><input type="text" name="" id="" class="inputStyle"></td>
                            </tr>
                            <tr>
                                <td>密码：</td>
                                <td><input type="password" class="inputStyle"></td>
                            </tr>
                            <tr>
                                <td>验证码：</td>
                                <td class="captcha">
                                    <input type="text">
                                    <img src="images/ki6l.png" alt="">
                                    <p>看不清？<a href="">点击更换</a></p>
                                </td>
                            </tr>
                            <tr>
                                <td>有效期：</td>
                                <td>
                                    <input type="radio" name="period" checked>一个月
                                    <input type="radio" name="period">一周
                                    <input type="radio" name="period">一天
                                    <input type="radio" name="period">即时
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="2">
                                    <div>登录</div>
                                    <span>忘记密码？</span>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </form>
                <div class="easy-img">
                    <img src="images/03H58PIC9xv.png" alt="">
                    <p>鼎搜<br>
                        <span>让生意做得更容易</span></p>
                </div>
            </div>
        </main>

        <!-- 公共底部 -->
        <footer>
            <hr>
            <div class="footer">
                <ul>
                    <li>简介</li>
                    <li>鼎搜网简介</li>
                    <li>鼎搜服务</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>帮助</li>
                    <li>用户注册</li>
                    <li>关于鼎搜</li>
                    <li>在线咨询</li>
                </ul>
                <ul>
                    <li>共赢</li>
                    <li>网站合作</li>
                    <li>用户协议</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>导航</li>
                    <li>地图首页</li>
                    <li>职能分类</li>
                    <li>企业名录</li>
                </ul>
                <div class="connect">
                    <img src="images/connect.png" alt="">
                </div>
            </div>
            <div class="border-bottom">
                <p>Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</p>
            </div>
        </footer>



    </div>
</body>
</html>